<table class="" width="100%" cellspacing="0" style="border:0px solid gray">
	<tr class="default">
		<td width="34px"><img src="img/google-logo.png"/></td>
		<td>
			<b class="caption">Google Docs</b>
			<div class="small">Google's Cloud Service, You must have an account with google</div>
		</td>
	</tr>
</table>

<table id="gdocs.login" width="100%" cellspacing="1px" style=" border:0px solid gray" >
    <tr class="default">
        <td colspan="2" style="font-weight:bold; border-bottom: 1px solid gray">Authentication</td>
    </tr>
<tr class="default">
        <td width="22%">Email</td>
        <td><input id="email" type="text" class="default" style="width:80%" value="nyemba"/></td>
</tr>
<tr class="default">
    <td>Password</td>
    <td><input id="password" type="password" class="default" style="width:80%" value=""/></td>
</tr>
<tr class="default">
    <td colspan="2" valign="middle" align="left">
	      &nbsp;<span id="gstore.status" style="color:#436EEE;"></span>
    </td>
</tr>
 <tr style="; font-weight:bold" class="shaded-dark">
	  <td valign="top"  colspan="2" style="border-top:1px solid gray">
	      <input type="button" class="shaded-dark default-button" value="Login" onclick="gstore.login.init()"/>
              <input type="button" class="shaded-dark default-button" value="Cancel"/>
	  </td>
	  
</tr>
</table>

<table id="gdocs.files" width="100%" align="center" style="display:none;margin-top:2px;border-top:1px solid gray" class="">
        <tr class="default" >
            <td colspan="3" style="font-weight:bold; background-color:#d3d3d3; border-bottom:1px solid gray">Google docs music</td>

        </tr>

        <tr class="medium">

            <td colspan="2"><input type="text" class="default" id="gdocs.search" style="width:100%" onkeyup="search('gdocs.search','gdocs.music')"/></td>
            <td width="15px" class="action" onclick="jx.dom.set.value('gdocs.search',''); search('gdocs.search','gdocs.music'); jx.dom.set.focus('gdocs.search')">&lsaquo;&lsaquo;</td>
        </tr>

        <tr class="default">
            <td valign="top" width="34px">
                <input type="image" src="img/default/reload.png" onclick="gstore.refresh()"/>
                <input type="image" src="img/default/people.png" onclick="gstore.showUsers('gdocs.files.grid')"/>
            </td>
            <td colspan="2" valign="top">
                <div id="gdocs.files.grid" style="height:180px; overflow: auto"></div>

            </td>
        </tr>

    </table>
